<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
    <%
        request.setAttribute("APP_PATH",request.getContextPath());
    %>
    <link rel="stylesheet" href="${APP_PATH}/static/layui/css/layui.css"  media="all">
    <script src="${APP_PATH}/static/layui/layui.js" charset="utf-8"></script>
    <script src="${APP_PATH}/static/jquery.min.js"></script>
</head>
<body>
<div class="layui-container">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>蚌埠学院电子教务系统</legend>
    </fieldset>

    <div class="layui-row">
        <div class="layui-col-xs6">
            <div id="img" class="grid-demo grid-demo-bg1">
                <img src="${APP_PATH}/static/image/stu.jpg">
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="grid-demo">
                <div class="layui-tab">
                    <ul class="layui-tab-title">
                        <li id="stu" class="layui-this">学生</li>
                        <li id="tea">教师</li>
                        <li id="adm">管理员</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <form class="layui-form" action="stu/stuLogin" method="post">
                                <i class="layui-icon layui-icon-username" style="font-size: 30px; color: #1E9FFF;"></i>
                                <input type="text" name="stuId" placeholder="请输入您的学生学号" class="layui-input"> <br>
                                <i class="layui-icon layui-icon-password" style="font-size: 30px; color: #1E9FFF;"></i>
                                <input type="password" name="stuPassword" placeholder="请输入你的密码" class="layui-input"> <br>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" lay-submit lay-filter="formDemo">登录</button>
                                        <button id="fps" class="layui-btn layui-btn-primary">忘记密码</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="layui-tab-item">
                            <form class="layui-form" action="tea/teaLogin" method="post">
                                <i class="layui-icon layui-icon-username" style="font-size: 30px; color: #1E9FFF;"></i>
                                <input type="text" name="teaId" placeholder="请输入您的教职工账号" class="layui-input"> <br>
                                <i class="layui-icon layui-icon-password" style="font-size: 30px; color: #1E9FFF;"></i>
                                <input type="password" name="teaPassword" placeholder="请输入您的密码" class="layui-input"> <br>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn layui-bg-red" lay-submit lay-filter="formDemo">登录</button>
                                        <button id="fpt" class="layui-btn layui-btn-primary">忘记密码</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="layui-tab-item">
                            <form class="layui-form" action="admin/admLogin" method="post">
                                <i class="layui-icon layui-icon-username" style="font-size: 30px; color: #1E9FFF;"></i>
                                <input type="text" name="admId" placeholder="请输入您的管理员账号" class="layui-input"> <br>
                                <i class="layui-icon layui-icon-password" style="font-size: 30px; color: #1E9FFF;"></i>
                                <input type="password" name="admPassword" placeholder="请输入您的密码" class="layui-input"> <br>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn layui-bg-red" lay-submit lay-filter="formDemo">登录</button>
                                        <button id="fpa" class="layui-btn layui-btn-primary">忘记密码</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.use('element', function(){
        let element = layui.element;
    })

    $('#stu').click(function() {
        $('#img > img').remove()
        $('#img').append('<img src="${APP_PATH}/static/image/stu.jpg">')
    })
    $('#tea').click(function() {
        $('#img > img').remove()
        $('#img').append('<img src="${APP_PATH}/static/image/tea.jpg">')
    })
    $('#adm').click(function() {
        $('#img > img').remove()
        $('#img').append('<img src="${APP_PATH}/static/image/adm.jpg">')
    })
</script>
</body>
</html>
